<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <ul id="list">
        <li>内容 1</li>
        <li>内容 2</li>
        <li>内容 3</li>
        <li>内容 4</li>
        <li>内容 5</li>
    </ul>
</body>
</html>

<script>
	// 获取ul标签
	var list = document.getElementById('list');
    // 获取ul的所有非空节点
	var lis = list.children;
    // 创建li节点
	var newLi = document.createElement('li');
    // 设置li节点内容
    newLi.innerHTML = 'asdfasdfasdfljasdfas;dfjas;f';
    // 替换节点(replaceChild) => 用创建好的节点替代ul的第三个li标签
	list.replaceChild(newLi, lis[2]);

</script>